<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AccountModify</title>
<script src="../jquery-3.5.1.js"></script>
<script src="../jquery.cookie.js"></script>
<script>var userid = sessionStorage.getItem('testKey');
if(userid == null || userid == "")
	{
	window.location = "/login.html";
	}
</script>
<style>
body {
	font-size: 75%;
	font-family: verdana, arial, 'sans serif';
	background-repeat: repeat-x;
	background-color: #FFFFF0;
	color: #000080;

}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 140%;
}

h4 {
	font-size: 110%;
}

th {
	background-color: #ADD8E6;
}


.button1 {
	background-color: #000000;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}



.foot {
	position: fixed;
	bottom: 5px;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	background-image: linear-gradient(to bottom right, #ffb21a, #ffdd99);
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}
.active{

background-color: #bfbfbf;
}     
</style>

</head>
<body>
<em>It's not a good message</em>
	<div id="footer" class="foot">
		<em style="color: white">[made by group four]</em>
	</div>
</body>
</html>